<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <title>个人中心</title>
    <link rel="stylesheet" href="../css/frozen.css">
    <link rel="stylesheet" href="../css/public.css">
    <script src="../lib/zepto.min.js"></script>
    <script src="../js/frozen.js"></script>
    <style type="text/css">
    .ui-userinfo-header{position: relative;font-size: 16px;color: #fff}
    .ui-userinfo-header .ui-setpic{position: absolute;right: 40px;top:20px;height:28px;width: 28px;}
    .ui-userinfo-header .ui-setBg{display: block;height: 200px;width: 100%;}
    .ui-userinfo-header .ui-userP{position: absolute;text-align: center;top: 50%;margin-top: -52px;left: 50%;margin-left: -47px;}
    .ui-userP .ui-avatar{display: block;margin: 0 auto 16px;height:80px;width: 80px;}
    .demo-desc,.ui-list-info .ui-teacher-name{color: #333;}
    .demo-desc img {width: 25px;display: block;float: left;margin-right: 5px;}
    .demo-desc a {float: right;color: #888;font-size: 12px;}
    .ui-teacherAd .ui-avatar{width:60px;height:60px;}
    .ui-teacherAd{margin:10px;}
    .ystars,.gstars{width: 14px;height: 14px;margin-top:4px;float: right;display: inline-block;background-size: cover;background-repeat: no-repeat;background-position: center center; 
    }
    .ystars{background-image:url(../img/ystar.png);}
    .gstars{background-image:url(../img/gstar.png);}
    .ui-scholarNumb{color:#fd8834;text-align: center;position: relative;}
    .ui-scholarNumb img{display: block;width: 100%;}
    .ui-scholarNumb .ui-scholarmb-txt{position: absolute;top:50%;margin-top:-33px;margin-left: -120px;left: 50%;display: inline-block;}
    .ui-scholarNumb .ui-scholarmb-txt h2{font-size: 30px}
    .ui-scholarNumb .ui-scholarmb-txt p{font-size: 14px;}
    .ui-user-apply{margin:10px 0 50px;padding:30px 10px;color:#999;font-size: 12px;text-align: center;}
    .ui-user-apply .ui-btn-fff{border:1px solid #00a5e0;margin:10px 0 20px;}
    .ui-user-apply a{color: #999;}
    </style>
</head>

<body ontouchstart>
    <section class="ui-container">
        <div class="demo-block ui-userinfo-header">
            <a href="userInfo.html"><img class="ui-setpic" src="../img/setting.png"/></a>
            <img class="ui-setBg" src="http://placeholder.qiniudn.com/640x200" />
            <div class="ui-userP">
                <span class="ui-avatar"></span>
                <p>立即登陆</p>
            </div>
            <p class="demo-desc ui-border-b"><img src="../img/usego.png">我咨询的老师<a href="myQuestion.html">最近咨询 &gt;</a></p>
        </div>
      
        <div class="demo-item ui-teacherAd">
            <ul class="ui-list">
                <li data-href="myQuestion.html">
                    <div class="ui-avatar">
                        <span style="background-image:url(http://placeholder.qiniudn.com/100x100)"></span>
                    </div>
                    <div class="ui-list-info">
                        <h4 class="ui-nowrap">远程：高数老不回怎么办，点击看看</h4>
                        <p class="ui-nowrap ui-teacher-name"><span>OIHIOD</span><span class="teacher-honour">北京大学博士</span></p>
                        <p class="ui-nowrap">652484约见<span class="ystars"></span><span class="ystars"></span><span class="ystars"></span><span class="ystars"></span><span class="ystars"></span></p>
                    </div>
                </li>
            </ul>
        </div>
        <div class="demo-item">
            <p class="demo-desc ui-border-tb"><img src="../img/usego.png">我获得的奖学金<a href="myQuestion.html"> &gt;</a></p>
            <div class="ui-scholarNumb">
                <img src="../img/rmbpic.jpg">
                <div class="ui-scholarmb-txt">
                    <h2>￥500</h2>
                    <p>已付款未确认的订单，确认后获得收益</p>
                </div>
            </div>
        </div>
        <div class="demo-block ui-user-apply">
            <a class="ui-btn-lg ui-btn-primary" id="btnT" href="cash.html">申请提现</a>
            <a class="ui-btn-lg ui-btn-fff" id="btnB" href="lessonMoneyTips.html">获取奖学金攻略</a>
            <p class="ui-teleph">霸王课热线</p>
            <p><a  href="tel:010-56029675">010-56029675</a></p>
        </div>
    </section>
    <footer class="ui-footer ui-footer-btn">
            <ul class="ui-tiled ui-border-t">
                <li data-href="lessonTypes.html" >
                    <div class="ui-title-img"><img src="../img/footerType.png"  /></div>
                    <div class="ui-title-name">课程分类</div>
                </li>
                <li data-href="lessonQuestion.html" >
                    <div class="ui-title-img"><img src="../img/footerTeacher.png"  /></div>
                    <div class="ui-title-name">咨询老师</div>
                </li>
                <li data-href="index.html" class="ui-menu-index">
                    <div class="ui-title-img"><img src="../img/menuIndex.png"  /></div>
                </li>
                <li data-href="lessonMoney.html">
                    <div class="ui-title-img ui-img-money"><img src="../img/footerMoney.png"  /></div>
                    <div class="ui-title-name">奖学金</div>
                </li>
                <li data-href="userCenter.html">
                    <div class="ui-title-img"><img src="../img/footerUserSel.png"  /></div>
                    <div class="ui-title-name  ui-menu-current">个人中心</div>
                </li>
            </ul>
        </footer>
    <!-- /.ui-container-->
    <script>
    $('.ui-list li,.ui-tiled li').click(function() {
        if ($(this).data('href')) {
            location.href = $(this).data('href');
        }
    });

    Zepto(function($) {

        //查询个人信息
        BWK.api.user.getUser(null,function(data){
            console.log(data);
        });
        

    });

    function _dealImgList(obj) {



    }
    </script>
</body>

</html>
